NextJS Parallel Routes Explained with a Simple Example

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 52

  • @felixreithmaier
    @felixreithmaier Месяц назад +1

    I cant understand why people complaining about next js getting harder. This is for edge cases and if you need a feature like that this is really handy. Thanks for the video and showing a nice example! :)

  • @sunstar8417
    @sunstar8417 6 месяцев назад +8

    sir, you don't know, but many students in india are watching your html and css tutorial
    thank you for it sir ,

  • @jfhandfield
    @jfhandfield 5 месяцев назад +1

    Can't wait for the modal video. Thank you for your time!

  • @Beast80K
    @Beast80K 5 месяцев назад +1

    Respected Sir, *Thankyou* for this simplified example !
    Sir if possible, can you please make a video on how to optimize NextJS 14 project to get good Lighthouse score, what web vitals should be focused, what things affect scores etc.

  • @MrAlao675
    @MrAlao675 6 месяцев назад +6

    This concept is exhausting.
    Will stick with the components for now 😅

  • @VIIITTTTTAAA
    @VIIITTTTTAAA 6 месяцев назад +2

    I'm just liking the great man's videos.

  • @marcinzale
    @marcinzale 6 месяцев назад +1

    Another good explanation. Thanks!

  • @rammehar5531
    @rammehar5531 6 месяцев назад

    Wow great features please create a one more video on it with the use cases of this parallel routing. Thank you

    • @voidmind
      @voidmind 6 месяцев назад +1

      I second that. The feature looks awesome, but I'd like to see it used in more real world scenarios

  • @jaatjii315
    @jaatjii315 6 месяцев назад

    Hi dave Thank you for all these beautiful videos. Thanks a million❤️

  • @aurobindobhuyan2107
    @aurobindobhuyan2107 5 месяцев назад

    3:36 Feeling great to be a part of 27.1%

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 6 месяцев назад +2

    we need a production grade project from you sir

  • @MangoFlamingo
    @MangoFlamingo 4 месяца назад

    My man. Thnaks

  • @staticwasabi
    @staticwasabi 5 месяцев назад

    Thanks! Could you show a tab groups example?

  • @soumadip_banerjee
    @soumadip_banerjee 6 месяцев назад +1

    Congratulations 🎉 on your son's achievement Mr.Gray! Lots of love from the city of joy, Kolkata, India. He has done a remarkable job inspite of all the hurdles. Kudos to him! ❤ Definitely inspired me, to never give up, even in the murkiest times of my life 😊 🇮🇳💖🇺🇸

  • @jamesbotwina8744
    @jamesbotwina8744 2 месяца назад

    Thanks!

  • @emmanueljulius1827
    @emmanueljulius1827 5 месяцев назад

    In my usecase, I have an a dashboard with different user roles being returned on logging in, and I have to render a different dashboard view per role. So I'm leveraging nextjs parallel routes to implement this.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  5 месяцев назад

      Great example use case!

    • @odogwu-1918
      @odogwu-1918 4 месяца назад +1

      How does parallel route come into play here, I don't seem to get it

  • @sarthakagarwal8521
    @sarthakagarwal8521 6 месяцев назад

    Hi Dave,
    What are benefits of using different routes here instead of having lets say two server components wrapped in suspense. Then also they will work independently and have separate loading states.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  6 месяцев назад

      Yes, it's basically the same thing. Next.js offloads suspense to the loading UI file. Using the router instead of code to apply both suspense and error boundaries.

  • @joe_j
    @joe_j 5 месяцев назад

    Can you do one on how I can use nextjs 15? Thankyou

  • @yarapolana
    @yarapolana 5 месяцев назад

    What would you use the “default” for I am having a hard time understanding its use. Great video overall.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  5 месяцев назад

      Thanks - I show one example in this video where the default is rendered. It is a fallback.

  • @podoprigoraisv
    @podoprigoraisv 5 месяцев назад

    Thank for the video. As for me it is very controversial feature. I've tried to implement kind of "master detail" layout but faced with drawbacks for "not found" routes and with dynamic parameters for a slot nested routes. I've rejected from this feature in favor to conditional rendering that depending upon route parameters.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  5 месяцев назад

      Interesting! I use both route parameters and search parameters frequently.

  • @cb73
    @cb73 5 месяцев назад

    Great to know how it works but what problem does it actually solve? I’ve yet to see anyone make the case.

  • @togya4
    @togya4 6 месяцев назад +1

    Dave we want a new videoor whole full project with yhe new nextjs 15rc futures. Is that possible?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  6 месяцев назад +1

      Let's wait until it's a stable release 🙂

    • @togya4
      @togya4 6 месяцев назад

      @@DaveGrayTeachesCode yeah totally right

  • @o.j1398
    @o.j1398 5 месяцев назад

    Thanks for a great tutorial, just have a question: is it possible to make parallel routing with diffrerent nextjs projects for example localhost:3000 and localhost:3001, localhost:3000 has sidebar of dashboard and localhost:3001 apper in dashboard if we navigate to it but sidebar stays from localhost:3000.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  5 месяцев назад +1

      No, the parallel routes must be within the same project.

  • @IslamIslam360-d7h
    @IslamIslam360-d7h 6 месяцев назад +1

    Sir i subscribed your channel

  • @jamesbotwina8744
    @jamesbotwina8744 2 месяца назад

    damn thats good content

  • @yashchauhan5710
    @yashchauhan5710 5 месяцев назад

    what if you want to have an entirely different ui for settings page? for this do i have to have conditional rendering in layout file?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  5 месяцев назад

      I would need to understand your structure better, but yes, you could take that approach.

  • @aliksargsyan2782
    @aliksargsyan2782 6 месяцев назад

    Is parallel routes similar to computer architecture like multy core parallelism?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  6 месяцев назад

      Probably only in the way they both do something in parallel

  • @alirezatt4457
    @alirezatt4457 6 месяцев назад

  • @tonystank8105
    @tonystank8105 5 месяцев назад

    the default part got me confused honestly.

  • @EverydayBeing-de1qu
    @EverydayBeing-de1qu 5 месяцев назад

    I feel like this is just over complicating things for no reason... What is the advantage of this compared to using standard suspense boundaries?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  5 месяцев назад

      It's also an error boundary and uses the Next.js router. You *may* consider those advantages or not. All frameworks are opinionated in some ways. This is simply the Next.js way.

    • @EverydayBeing-de1qu
      @EverydayBeing-de1qu 5 месяцев назад

      @@DaveGrayTeachesCode Okay thank you for the reply

  • @siya.abc123
    @siya.abc123 5 месяцев назад

    I'll stick to using components, this is taking it too far imho 😅

  • @codeaperture
    @codeaperture 6 месяцев назад

    Next 14 will work with this 😂?